<!--
 * @Author: your name
 * @Date: 2020-12-21 12:18:39
 * @LastEditTime: 2021-09-10 17:26:52
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \hr-infrastructure-h5\layouts\default.vue
-->
<template>
    <div class="home-layout">
        <transition name="el-fade-in-linear">
            <Covering v-if="loading" />
        </transition>

        <head-nav class="head-nav"></head-nav>
        <Nuxt />
        <Footer />
    </div>
</template>
<script>
import HeadNav from '../components/HeadNav'
import Footer from '../components/Footer'
import ResizeMixin from './mixin/ResizeHandler'
import Covering from '../components/Covering'
export default {
    components: {
        HeadNav,
        Footer,
        Covering,
    },
    mounted() {
        setTimeout(() => {
            this.loading = false
        }, 1000)
    },
    mixins: [ResizeMixin],
    data() {
        return {
            loading: true,
        }
    },
}
</script>

<style lang="scss">
.home-layout {
    min-width: 1300px;
}
.mobile {
    .home-layout {
        min-width: auto;
    }
}
</style>
